@import url(https://fonts.googleapis.com/css?family=Didact+Gothic&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400&display=swap);
.nav-side-menu {
  overflow: auto;
  font-size: 15px;
  font-weight: 200;
  background-color: #2e353d;
  position: fixed;
  top: 0px;
  width: 300px;
  height: 100%;
  color: #fff;
}
.nav-side-menu .brand {
  background-color: #23282e;
  line-height: 50px;
  display: block;
  text-align: center;
  font-size: 14px;
}
.nav-side-menu .toggle-btn {
  display: none;
}
.nav-side-menu ul,
.nav-side-menu li {
  list-style: none;
  padding: 0px;
  margin: 0px;
  line-height: 35px;
  cursor: pointer;
  /*
    .collapsed{
       .arrow:before{
                 font-family: FontAwesome;
                 content: "\f053";
                 display: inline-block;
                 padding-left:10px;
                 padding-right: 10px;
                 vertical-align: middle;
                 float:right;
            }
     }
*/
}
.nav-side-menu ul :not(collapsed) .arrow:before,
.nav-side-menu li :not(collapsed) .arrow:before {
  font-family: FontAwesome;
  content: "\f078";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
  float: right;
}
.nav-side-menu ul .active,
.nav-side-menu li .active {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
}
.nav-side-menu ul .sub-menu li.active,
.nav-side-menu li .sub-menu li.active {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li.active a,
.nav-side-menu li .sub-menu li.active a {
  color: #d19b3d;
}
.nav-side-menu ul .sub-menu li,
.nav-side-menu li .sub-menu li {
  background-color: #181c20;
  border: none;
  line-height: 28px;
  border-bottom: 1px solid #23282e;
  margin-left: 0px;
}
.nav-side-menu ul .sub-menu li:hover,
.nav-side-menu li .sub-menu li:hover {
  background-color: #020203;
}
.nav-side-menu ul .sub-menu li:before,
.nav-side-menu li .sub-menu li:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  vertical-align: middle;
}
.nav-side-menu li {
  /*padding-left: 5px;*/
  border-left: 3px solid #2e353d;
  border-bottom: 1px solid #23282e;
}
.nav-side-menu li a {
  text-decoration: none;
  color: #fff;
}
.nav-side-menu li a i {
  padding-left: 10px;
  width: 20px;
  padding-right: 20px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #d19b3d;
  background-color: #4f5b69;
  transition: all 1s ease;
}
@media (max-width: 767px) {
  .nav-side-menu {
    position: relative;
    width: 100%;
    margin-bottom: 10px;
  }
  .nav-side-menu .toggle-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 10 !important;
    padding: 3px;
    background-color: #ffffff;
    color: #000;
    width: 40px;
    text-align: center;
  }
  .brand {
    /*text-align: left !important;*/
    /*font-size: 22px;*/
    /*padding-left: 20px;*/
    /*line-height: 50px !important;*/
    /*border: 1px solid #3097D1;*/
  }
}
@media (min-width: 767px) {
  .nav-side-menu .menu-list .menu-content {
    display: block;
  }
}
body {
  margin: 0px;
  padding: 0px;
}

html {
  height: 100%;
}
.white-space-nowrap {
  white-space: nowrap;
}
.white-space-normal {
  white-space: normal;
}
.read-msg {
  background: #F5F5F5;
}
.read-msg .form-group {
  margin: 0;
}
.read-msg .reply-textarea {
  background-color: rgba(255,255,255,1);
  background-position: center bottom, center 100%;
}
.padding-top {
  padding-top: 5px;
}
.padding-top-10 {
  padding-top: 10px;
}
.padding-top-15 {
  padding-top: 15px;
}
.padding-bottom-15 {
  padding-bottom: 15px;
}
.padding {
  padding: 5px 10px;
}
.padding-5 {
  padding: 5px;
}
.float-left {
  float: left;
}
.float-left:after {
  clear: both;
}
.float-right {
  float: right;
}
.text-align-center {
  text-align: center;
}
.text-align-right {
  text-align: right;
}
.no-padding {
  padding: 0;
}
.table > tbody > tr > td.no-padding {
  padding: 0;
}
#app-navbar-collapse .reg-btn {
  color: #fff;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-top: 9px;
}
#app-navbar-collapse .reg-btn:hover {
  color: #000;
}
#app-navbar-collapse .centered-text li a {
  text-align: center;
}
body,
body #setting textarea,
body #setting input,
body .form-group,
body .form-control,
body select option {
  font-family: 'Open Sans', sans-serif;
}
.cabinet-content {
  padding-left: 1px;
}
.cabinet-content .cabinet-background {
  padding-top: 10px;
  padding-bottom: 20px;
  background: #fff;
}
@media (min-width: 768px) {
  .cabinet-content {
    width: 450px;
  }
}
@media (min-width: 1024px) {
  .cabinet-content {
    width: 670px;
  }
}
@media (min-width: 1280px) {
  .cabinet-content {
    width: 870px;
  }
}
.topic {
  padding: 10px;
  background: linear-gradient(45deg, #3D6BB5, #3D6BB5);
  color: #fff;
}
.topic h3 {
  margin: 0;
}
.topic .fa {
  margin-left: 3px;
}
.navbar {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .navbar {
    order: -1;
    width: 150px;
  }
}

.feedback {
  text-align: right;
  margin-top: 10px;
}
@media (max-width: 467px) {
  .nav-side-menu {
    margin-top: 0px;
  }
  .cabinet-content {
    padding-left: 0px;
  }
}
@media (min-width: 468px) {
  .cabinet-content {
    margin-left: 0;
  }
  .nav-side-menu {
    margin-top: 0px;
  }
  .cabinet-content {
    padding-left: 0px;
  }
}
@media (min-width: 768px) {
  .cabinet-content {
    margin-left: 300px;
    padding-left: 1px;
    padding-right: 4px;
  }
  .nav-side-menu {
    margin-top: 51px;
  }
  .cabinet-content {
    padding-left: 1px;
  }
}
@media (min-width: 1024px) {
  .cabinet-content {
    margin-left: 300px;
    padding-left: 1px;
    padding-right: 4px;
  }
  .nav-side-menu {
    margin-top: 51px;
  }
  .cabinet-content {
    padding-left: 1px;
  }
}
@media (min-width: 1280px) {
  .nav-side-menu {
    margin-top: 51px;
  }
  .cabinet-content {
    padding-left: 1px;
  }
}
.trade-status-active [name='active'] {
  display: none;
}
.trade-status-active [name='edit'] {
  display: none;
}
.trade-status-active [name='new'] {
  display: none;
}
.trade-status-active [name='blocked'] {
  display: none;
}
.trade-status-active [name='terminated'] {
  display: none;
}
.trade-status-terminated [name='active'] {
  display: none;
}
.trade-status-terminated [name='edit'] {
  display: none;
}
.trade-status-terminated [name='new'] {
  display: none;
}
.trade-status-terminated [name='blocked'] {
  display: none;
}
.trade-status-terminated [name='terminated'] {
  display: none;
}
.trade-status-pre_terminated [name='active'] {
  display: none;
}
.trade-status-pre_terminated [name='edit'] {
  display: none;
}
.trade-status-pre_terminated [name='blocked'] {
  display: none;
}
.trade-status-moderating [name='new'] {
  display: none;
}
.trade-status-moderating [name='terminated'] {
  display: none;
}
.trade-status-new [name='active'] {
  display: none;
}
.trade-status-new [name='new'] {
  display: none;
}
.trade-status-new [name='terminated'] {
  display: none;
}
.trade-status-finished [name='active'] {
  display: none;
}
.trade-status-finished [name='edit'] {
  display: none;
}
.trade-status-finished [name='new'] {
  display: none;
}
.trade-status-finished [name='blocked'] {
  display: none;
}
.trade-status-finished [name='terminated'] {
  display: none;
}
.trade-status-pick_winner [name='active'] {
  display: none;
}
.trade-status-pick_winner [name='edit'] {
  display: none;
}
.trade-status-pick_winner [name='new'] {
  display: none;
}
.trade-status-pick_winner [name='terminated'] {
  display: none;
}
.trade-status-blocked [name='new'] {
  display: none;
}
.trade-status-blocked [name='terminated'] {
  display: none;
}
.trade-status-blocked [name='blocked'] {
  display: none;
}
.status-moderating {
  text-align: center;
  min-width: 100px;
  padding: 5px;
  background: #b1d5e8;
  border-radius: 3px;
  border: 1px solid #64a0bf;
  color: #2b65a7;
}
.status-active {
  text-align: center;
  min-width: 100px;
  padding: 5px;
  background: #dff0d8;
  border-radius: 3px;
  color: #3c763d;
  border: 1px solid #305d0b;
}
.status-blocked {
  text-align: center;
  min-width: 100px;
  padding: 5px;
  background: #f2dede;
  border-radius: 3px;
  color: #a94442;
  border: 1px solid #ebccd1;
}
.status-pre_terminated {
  text-align: center;
  min-width: 100px;
  padding: 5px;
  background: #f2dede;
  border-radius: 3px;
  color: #a94442;
  border: 1px solid #ebccd1;
}
.status-new {
  text-align: center;
  min-width: 100px;
  padding: 5px;
  color: #004085;
  background-color: #cce5ff;
  border: 1px solid #b8daff;
}
.active {
  position: relative;
}
.active [name='active'] {
  display: none;
}
.active [value='active'] {
  display: none;
}
.moderating {
  position: relative;
}
.moderating [name='terminated'] {
  display: none;
}
.moderating [name='new'] {
  display: none;
}
.new {
  position: relative;
}
.new [name='active'] {
  display: none;
}
.new [value='active'] {
  display: none;
}
.new [name='new'] {
  display: none;
}
.new [value='new'] {
  display: none;
}
.new [name='terminated'] {
  display: none;
}
.blocked {
  position: relative;
}
.blocked [name='blocked'] {
  display: none;
}
.blocked [value='blocked'] {
  display: none;
}
.blocked [name='terminated'] {
  display: none;
}
.blocked [name='new'] {
  display: none;
}
.finished {
  position: relative;
}
.finished [name='blocked'] {
  display: none;
}
.finished [name='active'] {
  display: none;
}
.finished [name='terminated'] {
  display: none;
}
.finished [name='edit'] {
  display: none;
}
.finished [name='new'] {
  display: none;
}
.pick_winner {
  position: relative;
}
.pick_winner [name='active'] {
  display: none;
}
.pick_winner [name='new'] {
  display: none;
}
.pick_winner [name='edit'] {
  display: none;
}
.pick_winner [name='terminated'] {
  display: none;
}
.pick_winner [name='new'] {
  display: none;
}
.terminated {
  position: relative;
}
.terminated [name='active'] {
  display: none;
}
.terminated [name='edit'] {
  display: none;
}
.terminated [name='blocked'] {
  display: none;
}
.terminated [name='terminated'] {
  display: none;
}
.terminated [name='new'] {
  display: none;
}
.pre_terminated {
  position: relative;
}
.pre_terminated [name='active'] {
  display: none;
}
.pre_terminated [name='blocked'] {
  display: none;
}
.clear {
  clear: both;
}
.add-category .btn {
  margin-right: 10px;
}
.delete-category .btn {
  border-bottom-left-radius: 0 0;
  border-top-left-radius: 0 0;
}
.categoryes.input-group {
  width: 100%;
}
.categoryes.input-group .group select:not(:last-child),
.categoryes.input-group .form-group .form-control {
    margin-bottom: 20px;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3097d1;
  border-bottom: 16px solid #3097d1;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loader {
  margin: auto;
}
.group {
  border-radius: 4px;
  border: 1px solid #3097d1;
}
.group select:not(:last-child) {
  margin-bottom: 10px;
}
.group input:not(:last-child) {
  margin-bottom: 10px;
}
.category.primary {
  margin-bottom: 20px;
}
.category-document-qual.primary {
  margin-bottom: 20px;
}
.group .categoryes {
  margin-bottom: 15px;
  padding: 15px 20px;
  border-radius: 4px;
  border: 1px solid #9e9e9e;
}
.group > .boxs-body > .category {
  margin-bottom: 15px;
}
.group > .boxs-body > .category-document-qual {
  margin-bottom: 15px;
}
a.hide-document:hover,
a.hide-document:focus {
  color: inherit;
  text-decoration: none;
}
.add-category-btn {
  background: #4caf50;
  margin-right: 8px;
}
.add-category-btn .fa {
  margin-right: 8px;
}
.delete-category-btn {
  background: #F15F79;
  margin-bottom: -1px;
  margin-left: 8px;
}
.expert_qual_docs-delete-category-btn {
  background: #F15F79;
  margin-bottom: -1px;
  margin-left: 8px;
}
.add-category-btn,
.delete-category-btn {
  outline: none;
  border: none;
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  padding: 8px 12px;
}
.add-category-btn,
.expert_qual_docs-delete-category-btn {
  outline: none;
  border: none;
  border-radius: 3px;
  color: #FFF;
  font-size: 14px;
  padding: 8px 12px;
}
a.hide-document:hover,
.add-category-btn:hover,
.delete-category-btn:hover {
  filter: brightness(1.1);
}
a.hide-document:hover,
.add-category-btn:hover,
.expert_qual_docs-delete-category-btn:hover {
  filter: brightness(1.1);
}
a.hide-document,
.add-category-btn:active,
.delete-category-btn:active {
  filter: brightness(1);
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2);
}
a.hide-document,
.add-category-btn:active,
.expert_qual_docs-delete-category-btn:active {
  filter: brightness(1);
  box-shadow: inset 0 0 2px 1px rgba(0,0,0,.2);
}
.group .document {
  margin-bottom: 10px;
}
.group .categoryes .container-fluid,
.group .document .container-fluid {
  padding-left: 0px;
  padding-right: 0px;
}
.group .document input {
  border-radius: 4px !important;
}
.group .document-status {
  background: none;
  border: none;
}
.group .document-status.alert-success {
  color: #3c763d;
}
.group .document-status.alert-danger {
  color: #a94442;
}
.group .form-group label {
  color: #6e6e6e;
}
.group .input-group .input-group-btn {
  padding: 0;
}
.form-group label {
  color: #525252;
  font-weight: 600;
}
.sub-group {
  padding: 7px;
  background: #2579a9;
  border-radius: 4px;
  margin-bottom: 7px;
}
.experts-page-table tbody tr:hover {
  background: #cecece;
}
.experts-page-alert {
  max-width: 271px;
}
.experts-page-filter select {
  margin-bottom: 10px;
}
.experts-page-rating .circle-rate span {
  left: 23px;
}
.trades-page-table tbody tr:hover {
  background: #cecece;
}
.trades-page-alert {
  max-width: 271px;
}
.trades-page-filter select {
  margin-bottom: 10px;
}
.trades-page-specification {
  border-radius: 4px;
  border: 1px solid #eee;
  margin-top: 20px;
}
.trades-page-specification .head {
  background: #f5f5f5;
  padding: 1px 10px;
}
.trades-page-specification .body {
  padding: 10px;
}
.trades-page-characteristics {
  border-radius: 4px;
  border: 1px solid #eee;
}
.trades-page-characteristics .head {
  background: #f5f5f5;
  padding: 1px 10px;
}
.trades-page-characteristics .body {
  padding: 10px;
}
th.header {
  background-image: url(/storage/img/tablesorter/bg.gif);
  cursor: pointer;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center right;
  padding-left: 20px;
  border-right: 1px solid #dad9c7;
  margin-left: -1px;
}
th.headerSortDown {
  background-image: url(/storage/img/tablesorter/desc.gif);
}
th.headerSortUp {
  background-image: url(/storage/img/tablesorter/asc.gif);
}
#page-experts-table thead th:first-child {
  min-width: 40px;
}
#page-experts-table thead th:last-child {
  min-width: 80px;
}
li.contractor-company-li {
  padding-left: 20px;
}
.navbar-brand {
  padding: 3px 15px;
}
.nav-side-menu {
  margin-top: 51px;
}
.nav-side-menu li {
  border: 1px solid #5885a2;
  margin-top: -1px;
}
.nav-side-menu li:hover {
  border-left: 3px solid #3097d1;
}
.nav-side-menu ul .active {
  border-left: 3px solid #3097d1;
}
.nav-side-menu h3 {
  text-transform: uppercase;
  margin: 0;
  padding: 10px;
  font-weight: bold;
}
.nav-side-menu .fa {
  margin-right: 3px;
}
.table>tbody>tr.clickable:not(.collapsed) {
  font-weight: 600;
  background: #f5f5f5;
}
.progress-report .table-custom .feedback-table tbody tr td,
.progress-report .table-custom .feedback-table thead tr th {
  padding: 15px;
  vertical-align: middle;
}
.progress-report .table-custom .feedback-table thead tr th {
  text-align: center;
}
.progress-report .table-custom .feedback-table tbody tr td.read-msg {
  padding-top: 0;
}
.feedback-filter {
  display: inline-block;
  margin: 10px 15px 10px 0;
}
.feedback-block,
.feedback-block.form-control {
  border-radius: 3px;
  border: 1px solid rgba(0,0,0,.033);
  padding: 10px 15px;
  margin: 0 0 15px 0;
}
.feedback-block.form-control {
  border: 1px solid #f0f0f0;
  background-color: #FFF;
  background-position: center bottom, center 100%;
}
.feedback-block.form-control:not(:hover) {
  border-bottom: 1px solid #f5f5f5;
}
.feedback-message {
  background: #dff0d8;
}
.feedback-reply {
  background: #d8e9f0;
}
.feedback-post-reply-btn {
  margin: 0;
}
.counts {
  border: 1px solid #2fb8e2;
  border-radius: 3px;
  min-width: 27px;
  font-weight: 900;
  text-align: center;
  background: rgba(59, 138, 197, 0.7);
  line-height: 25px;
  margin-top: 3px;
  margin-right: 3px;
  /* padding: 0px 3px; */
}
.change-expert-status {
  min-width: 24px;
  margin-bottom: 5px;
  display: block;
}
.change-contractor-status {
  min-width: 24px;
  margin-bottom: 5px;
  display: block;
}
.change-trade-status {
  min-width: 24px;
  margin-bottom: 5px;
  display: block;
}
.change-customer-status {
  min-width: 24px;
  margin-bottom: 5px;
  display: block;
}
.moderator-change-trade-status {
  min-width: 24px;
  margin-bottom: 5px;
  display: block;
}
#collapsed-filter {
  border-radius: 3px;
  border: 1px solid #dddddd;
  margin-top: 7px;
  padding: 5px;
}
.circle-rate {
  position: relative;
}
.circle-rate span {
  position: absolute;
  top: 20px;
  left: 105px;
  font-size: 15px;
  font-size: 16px;
  font-weight: 600;
}
.trade-page-contractors table .counts {
  height: 35px;
  width: 35px;
  padding-top: 4px;
}
.trade-page-contractors table tbody tr td {
  vertical-align: middle;
  align: center;
}
.trade-page-contractors table thead tr th {
  text-align: center;
  vertical-align: middle;
}
.trade-new {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  border: 1px solid #a0c5a1;
}
.trade-active {
  border: 1px solid #4db4e6;
}
.trade-finished {
  border: 1px solid #f6e4bd;
}
.trade-status {
  padding: 5px;
  border-radius: 3px;
}
.trade-blocked {
  border: 1px solid;
}
.trade-pick_winner {
  border: 1px solid;
}
.cost {
  font-size: 20px;
}
#create-company {
  padding-left: 0px;
  padding-right: 0px;
  width: 10px;
}
.display-block {
  display: block;
}
.display-none {
  display: none !important;
}
.display-inline-block {
  display: inline-block;
}
.disabled:not(li) {
  position: relative;
  min-height: 200px;
  cursor: not-allowed;
  pointer-events: none;
}
.disabled:not(li):before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.9);
  position: absolute;
  border-radius: 5px;
  z-index: 9;
}
.disabled:not(li):after {
  position: absolute;
  width: 78px;
  height: 22px;
  top: calc(50% - 10px);
  left: calc(50% - 49px);
  color: #4d585f;
  text-shadow: 0 0 4px #FFF;
  content: "\41F\43E\434\43E\436\434\438\442\435...";
  font-size: 20px;
  font-weight: bold;
  z-index: 9;
}
.margin-auto {
  margin: auto;
}
.preloader {
  text-align: center;
  width: 100%;
}
.jq-ry-group-wrapper {
  float: right;
}
.tender-winner-card {
  border-radius: 3px;
  margin-top: 14px;
  box-shadow: 0 3px 12px 0px rgba(0,0,0,.3);
}
.tender-winner-card__header {
  border-radius: 3px 3px 0 0;
  padding: 12px 14px;
  background-color: #55b559;
  color: #fff;
  box-shadow: 0 1px 1px 0px rgba(0,0,0,.2);
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.tender-winner-card__header > .tender-winner-card__header__title {
  margin: 0;
}
.tender-winner-card__header.for-contractor > .tender-winner-card__header__title {
  text-align: center;
  font-size: 19px;
  line-height: 1.5em;
}
.tender-winner-card__header.for-contractor > .tender-winner-card__header__description {
  margin: 9px 0 0;
  font-size: 19px;
}
.tender-winner-card__body {
  padding: 0 0 12px;
}
.tender-contractors-table.table > tbody > tr > td {
  vertical-align: middle;
}
.pick-winner-btn {
  text-align: center;
}
button.pick-winner-btn {
  background: #55b559;
  color: #FFF;
  padding: 6px 24px;
  margin: 0;
  border: none;
  outline: none;
  border-radius: 3px;
}
button.pick-winner-btn:hover {
  filter:brightness(1.1);
}
button.pick-winner-btn:active {
  filter:brightness(1);
  box-shadow: inset 0 0 4px 2px rgba(0,0,0,.2);
}
.pick-winner-btn-enable {
  display: inline-block;
}
.profile-active {
  border: 1px solid #4db4e6;
}
#customer-contacts {
  background: rgba(255, 255, 255, 0);
}
#customer-contacts tr {
  background: rgba(255, 255, 255, 0);
}
#customer-contacts tr td {
  border-top: none;
}
.alert {
  margin-bottom: 0px;
}
#alert {
  position: absolute;
  right: 1px;
  top: 52px;
  display: none;
  z-index: 1050;
}
.inline-flex {
  display: inline-flex;
}
.inline-flex button {
  margin-right: 4px;
}
.remove-contractor .fa {
  margin-right: 0px;
}
.trade-name {
  padding-top: 8px;
}
.email-body {
  font-family: arial, sans-serif;
}
.bold {
  font-weight: bold;
}
.contractor-comments {
  padding: 10px;
}
.contractor-comments textarea {
  width: 100%;
  margin-top: 3px;
}
.contractor-comments input[type=text] {
  width: 100%;
}
.comment {
  padding-left: 15px;
  border-radius: 1px;
  margin-top: 5px;
  padding-top: 10px;
}
.comment-done .comment-remind {
  color: #3c763d;
  border-radius: 3px;
  padding: 3px 6px;
  display: inline-block;
}
-overdue .comment-remind .color {
  border-radius: 3px;
  padding: 3px 6px;
  display: inline-block;
}
hr {
  width: 70%;
  margin: 5px auto;
}
-table {
  margin-right: 5px;
}
-subject {
  display: inline-flex;
}
-subject .subject {
  font-size: 13pt;
  font-weight: bold;
  margin-right: 2px;
}
-subject .created {
  font-weight: 400;
  font-style: italic;
  line-height: 30px;
}
-childs {
  padding-right: 0px;
}
-childs-a {
  margin-right: 3px;
}
-childs-a:hover {
  text-decoration: none;
}
-childs-a:active {
  text-decoration: none;
}
-childs-a:visited {
  text-decoration: none;
}
-childs-a:link {
  text-decoration: none;
}
-childs-a:first-child {
  margin-right: 8px;
}
-childs-header {
  margin: 5px 0px;
}
-add {
  margin-right: 5px;
}
.calendar-ul > li > a {
  padding: 11px 5px;
}
.calendar-ul .btn {
  min-width: 119px;
  margin-bottom: 2px;
}
.calendar-ul-fixed {
  position: fixed;
  z-index: 1030;
  top: 51px;
  width: inherit;
  background: #f5f8fa;
}
.contractor-comments .row {
  margin-right: 0px;
  margin-left: 0px;
}
#get-by-date-spoiler {
  padding: 4px 12px;
  margin-top: 6px;
}
.nav > li > a.go-to-personal-cabinet {
  display: flex;
  padding-top: 10px;
  padding-bottom: 0px;
  padding-right: 0px;
}
.nav > li > a.go-to-personal-cabinet .text {
  margin: 4px;
}
#contractors-count {
  margin-bottom: 30px;
}
.status-reason .status-active {
  border: none;
}
.status-reason .status-moderating {
  border: none;
}
.status-reason .status-blocked {
  border: none;
}
#status-comment-form {
  position: absolute;
  top: 25px;
  right: 0;
  min-width: 300px;
  background: #eee;
  border-radius: 4px;
  z-index: 1029;
  padding: 7px;
  border: 1px solid #eea;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
#status-comment-form textarea {
  max-height: 65px;
}
#status-comment-form .form-group {
  margin-bottom: 0;
}
.margin-top-10 {
  margin-top: 10px;
}
.box-shadow {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}
.filter .filter-a a {
  display: inline-block;
  background: #507299;
  border: 1px solid #425e80;
  padding: 3px 10px;
  text-align: center;
  text-decoration: none;
}
.filter .filter-a a:hover {
  background: #425e80;
}
.position-relative {
  position: relative;
}
.display-flex {
  display: flex;
}
.display-flex.align-items-end {
  align-items: flex-end;
}
.display-flex.align-items-center {
  align-items: center;
}
.display-flex.justify-content-end {
  justify-content: flex-end;
}
.display-flex > div {
  margin: 0 5px;
}
.display-flex .flex-item.flex-basis-100 {
  flex-basis: 100%;
}
.flex-grow-1 {
  flex-grow: 1;
}
.filter-header .search-id [type="number"] {
  max-width: 100px;
}
.filter-pagination .pagination {
  margin: 0;
  margin-bottom: -6px;
}

.filter-email {
  max-width: 220px;
  width: 100%;
}

.filter-about {
  max-width: 500px;
  width: 100%;
}

 /* 
 .change-status button {
  display: none;
}
 */

.status-content {
  background: #eee;
  font-size: 12px;
}
.status-content h4 {
  font-size: 14px;
  margin-top: 0px;
  margin-bottom: 4px;
}
.status-color {
  width: 5px;
}
.status-item {
  margin-bottom: 5px;
}
.status-item.on-blocked {
  border-right: 5px solid #dc3545;
}
.status-item.on-auction {
  border-right: 5px solid #35bbdc;
}
.status-item.on-moderation {
  border-right: 5px solid #ffc107;
}
.status-item.on-active {
  border-right: 5px solid #28a745;
}
.status-item.on-draft {
  border-right: 5px solid #878787;
}
.status-item.on-no_offers {
  border-right: 5px solid #f97b22;
}
.status-item.on-grade_received {
  border-right: 5px solid #a8ffd7;
}
.status-item.on-not_fulfilled {
  border-right: 5px solid #d9ff00;
}
.status-item.on-in_progress {
  border-right: 5px solid #3597dc;
}
.status-item.on-canceled_by_customer {
  border-right: 5px solid #d8db1b;
}
.on-moderation .status-color {
  background: #ffc107;
}
.on-active [data-status="blocked"] {
  display: block;
}
.on-active .status-color {
  background: #28a745;
}
.on-confirmation [data-status="blocked"] {
  display: block;
}
.on-confirmation [data-status="active"] {
  display: block;
}
.on-blocked [data-status="active"] {
  display: block;
}
.on-blocked .status-color {
  background: #dc3545;
}
.on-moderation [data-status="active"] {
  display: block;
}
.on-moderation [data-status="blocked"] {
  display: block;
}
.on-error [data-status="active"] {
  display: block;
}
.on-error [data-status="blocked"] {
  display: block;
}
.tenders .on-moderation [data-status="auction"] {
  display: block;
}
/* 
.tenders .on-moderation [data-status="active"] {
  display: none;
}

*/
.tenders .on-auction [data-status="blocked"],
.tenders .on-auction_finished [data-status="blocked"] {
  display: block;
}
.tenders .on-auction [data-status="canceled_by_customer"],
.tenders .on-auction_finished [data-status="canceled_by_customer"] {
  display: block;
}
.tenders .on-blocked [data-status="auction"] {
  display: block;
}
/* 
.tenders .on-blocked [data-status="active"] {
  display: none;
}
*/
.tenders .on-in_progress [data-status="termination_application"] {
  display: block;
}
.tenders .on-in_progress [data-status="completed"] {
  display: block;
}
.tenders .on-termination_application [data-status="terminated"] {
  display: block;
}
.tenders .on-termination_application [data-status="in_progress"] {
  display: block;
}
.object-statuses {
  width: 230px;
  /*max-height: 750px;*/
  /*overflow-y: scroll;*/
}
.modal-backdrop.in {
  display: none;
}
.overflow-x-scroll {
  overflow-x: scroll;
}
.change-status,
.object-mod-col {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.object-mod-col .btn{
  margin: 5px 0;
  padding: 0;
}
.object-mod-col a.btn {
  display: inline-block;
}
#object-form {
  position: relative;
}
#object-form .help-block {
  font-size: 14px;
}
#object-form .form-group {
  margin: 10px 0 10px;
}
#object-form .document .form-group:only-child {
  margin-bottom: 0;
}
#object-form .form-group label.control-label {
  margin: 8px 0 0;
}
#object-form .form-group .boxs {
  margin-top: 8px;
  margin-bottom: 0;
  padding: 0 5px 0;
}
#object-form .form-group::after,
#object-form .form-group::before {
  display: table;
  content: " ";
  clear: both;
}
#object-profile .modal-content {
    max-height: calc(100vh - 160px);
    overflow-y: scroll;
}
.delete-able {
  display: table-row;
}
ul.ks-cboxtags {
  list-style: none;
  padding: 0px;
  font-size: 12px;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
ul.ks-cboxtags li {
  display: block;
}
ul.ks-cboxtags li label {
  display: inline-block;
  color: rgba(139, 139, 139, .66);
  border: 1px solid rgba(139, 139, 139, .66);
  border-radius: 25px;
  white-space: nowrap;
  margin: 4px 2px 4px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all .2s;
}
ul.ks-cboxtags li label {
  padding: 0px 5px;
  cursor: pointer;
}
ul.ks-cboxtags li label::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  padding: 0;
  content: "";
  transition: transform 0.3s ease-in-out;
}
ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
  content: "";
  transform: rotate(-360deg);
  transition: transform 0.3s ease-in-out;
}
ul.ks-cboxtags li input[type="checkbox"]:checked + label {
  border: 1px solid #507199;
  color: #507199;
  transition: all .2s;
}
ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
/* ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  border: 1px solid #e9a1ff;
} */
.save-rights {
  display: block;
  margin-left: 5px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .25s;
}
.save-rights.visible {
  opacity: 1;
  visibility: visible;
}
.filter-pagination .pagination > li > span,
.filter-pagination .pagination > li > a {
  padding: 6px;
}
.tender-categories {
  display: flex;
  flex-wrap: wrap;
}
.tender-categories > span {
  font-weight: bold;
}
.tender-categories > div {
  margin: 1px 3px;
  padding: 0px 3px;
  background: #eee;
  border: 1px solid #dcdcdc;
  border-radius: 4px;
  font-size: 11px;
}
.tender-categories > div.no-margin {
  margin: 0px;
}
.tender-contractors .cost {
  font-size: 14px;
}
.tender-contractors td {
  text-align: left;
}
.page-filter-header {
  display: flex;
}
.page-filter-header > div {
  padding: 5px;
}
.notices {
  margin: 30px 0;
}
.notices span {
  display: block;
  margin-left: auto;
  max-width: 300px;
  padding: 10px;
  border: 1px solid red;
}
.tender-name-title {
  font-weight: bold;
}
.tender-information {
  padding: 5px 0 15px;
}
.tender-information-title {
  font-weight: 100;
}
.tender-categories > div {
  display: inline-block;
}
#page-trades-table .customer-contacts thead {
  display: none;
}
.description p {
  white-space: pre-line;
  font-size: 14px;
  color: #666666;
  margin-bottom: 0;
}
.item-field-view .form-group {
  padding-bottom: 0;
}
.file-controls {
  line-height: 15px;
  text-align: right;
}
#rating {
  display: none;
}
.activityes-group {
  padding: 0 0 20px 0;
  overflow: auto;
}
.modal[curr_status="in_progress"][new_status="completed"] #rating {
  display: block;
  text-align: left;
}
.modal[curr_status="in_progress"][new_status="completed"] #rating .message {
  margin-bottom: 10px;
}
.modal[curr_status="in_progress"][new_status="completed"] .modal-body {
  display: none;
}
.modal[curr_status="in_progress"][new_status="completed"] #star-rating {
  margin: 0 auto;
  margin-bottom: 20px;
}
.modal[curr_status="in_progress"][new_status="completed"] #star-rating .jq-ry-group-wrapper {
  float: none;
}
.contractor-rating .rating-span,
.expert-rating .rating-span {
  background: #6ba8ca;
  padding: 4px;
}
.contractor-rating .rating-span:after,
.expert-rating .rating-span:after {
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid blue;
}
.hover-visible {
  position: relative;
}
.hover-visible .hover-a {
  margin-left: 10px;
  font-size: 12px;
}
.hover-visible .hover-a:hover .hover-list {
  visibility: visible;
  opacity: 1.0;
  z-index: 1;
}
.hover-visible .hover-a:hover .hover-list .notice {
  font-size: 12px;
}
.hover-visible .hover-a:hover .hover-list thead {
  border-bottom: 1px solid #ccc;
}
.hover-visible .hover-a:hover .hover-list tfoot {
  border-top: 1px solid #ccc;
}
.hover-visible .hover-a:hover .hover-list a {
  color: #337ab7;
}
.hover-visible .hover-a:hover .hover-list a ~ small {
  color: #4d585f;
}
.hover-visible .hover-a:hover .hover-list tr:hover td:first-child {
  background: #d2d2d2;
}
.hover-visible .hover-list {
  position: absolute;
  background: #fff;
  padding: 9px;
  width: 240px;
  border: 1px solid #636b6f;
  left: 0px;
  font-size: 11px;
  top: -8px;
  visibility: hidden;
  opacity: 0.0;
  transition: opacity .3s;
  max-height: 276px;
  overflow-y: scroll;
}
.hover-visible .hover-list-item td {
  padding: 0px 5px;
}

#app #wrap #header {
  font-size: 12px;
}

#header header {
  display: flex;
  flex-direction: row;

  justify-content: space-between;
  align-items: center;
  width: 100%;
  background-color: white;
}

@media screen and (max-width: 350px) {

  #header .header__time-info {
    display: none;
  }
}

@media screen and (max-width: 350px) {
  #header .header__balance {
    display: none;
  }
}

#header .navbar,
#header #navbarNav{
  width: 100%;
  flex-shrink: 1;
}

@media screen and (max-width: 767px) {
  #header .navbar {
    width: 50px;
  }
  #header #navbarNav {
    width: 250px;
  }
}

#header #navbarNav {
  max-width: 600px;
}


#header #navbarNav.collapse.in {
  max-width: none;
}

#header .navbar-nav {
  display: flex;
  flex-direction: row;
}

@media screen and (max-width: 767px) {
  #header .navbar-nav {
    flex-direction: column;
  }
}


#header .nav-right {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
}

#header .dropdown.users {
  padding: 0;
}

/*#header .branding {*/
/*  margin-right: auto;*/
/*}*/

#header .branding a.brand {
  background: none;
  /*padding: 5px;*/
  display: flex;
}
#header .branding a.brand ~ .brand-text {
  line-height: 13px;
  margin: 10px 0;
  letter-spacing: 0.6px;
  font-weight: 600;
  color: #a41708;
}
#header .branding a.brand img {
  display: block;
  margin: auto;
}
#header .branding a.brand .logo-hover {
  display: none;
}
#header .branding a.brand:hover .logo {
  display: none;
}
#header .branding a.brand:hover .logo-hover {
  display: block;
  filter: drop-shadow(0px 0px 2px #de8079);
}
/*.main_Wrapper.leftmenu-xs.aside-fixed #content {*/
/*  left: 0px;*/
/*}*/
/*.main_Wrapper.leftmenu-xs.aside-fixed #controls ~ #content {*/
/*  left: 40px;*/
/*}*/
/*.main_Wrapper.leftmenu-xs.aside-fixed #header .branding a.brand ~ .brand-text {*/
/*  display: none;*/
/*}*/
/*.main_Wrapper.leftmenu-xs #header .branding a.brand img {*/
/*  width: 40px;*/
/*}*/
/*.main_Wrapper.leftmenu-sm.aside-fixed #content {*/
/*  left: 0px;*/
/*}*/
/*.main_Wrapper.leftmenu-sm.aside-fixed #controls ~ #content {*/
/*  left: 80px;*/
/*}*/
/*.main_Wrapper.leftmenu-sm.aside-fixed #header .branding {*/
/*  width: 80px;*/
/*}*/
/*.main_Wrapper.leftmenu-sm.aside-fixed #header .branding a.brand ~ .brand-text {*/
/*  display: none;*/
/*}*/
/*.main_Wrapper.leftmenu-sm.aside-fixed #header .branding a.brand img {*/
/*  width: 50px;*/
/*}*/
/*@media only screen and (max-width: 480px) {*/
/*  #header .branding {*/
/*    padding-left: 0!important;*/
/*  }*/
/*}*/



/*@media only screen and (max-width: 992px) and (min-width: 768px) {*/
/*  #app #wrap #header .navbar .nav-item a.nav-link {*/
/*    margin: 2px 12px!important;*/
/*  }*/
/*}*/
@media only screen and (max-width: 992px) {
  .main_Wrapper.leftmenu-sm #header .branding .brand {
    margin-left: 0;
  }
}
.boxs.topic {
  margin-bottom: 0;
}
.boxs .boxs-header h3.hb-blush strong {
  color: #a41708;
}
.form-group .boxs.bg-info .checkbox label {
  color: #fff;
}
.form-group .boxs.bg-info select.form-control option {
  color: #525252;
}
body .form-group .checkbox label,
body .form-group .radio label,
body .form-group label {
  color: #525252;
}
.form-group.has-error > .control-label:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome";
  font-size: 17px;
  content: "\F12A";
  margin-left: 4px;
}
.container-fluid.document.collapse ~ .hide-document > span {
  position: relative;
  padding-right: 21px;
}
.container-fluid.document.collapse ~ .hide-document > span:after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "FontAwesome";
  font-size: 17px;
  content: "\F0DD";
  margin-left: 4px;
  position: absolute;
  top: 0px;
}
.container-fluid.document.collapse.in ~ .hide-document > span:after {
  content: "\F0DE";
  top: 7px;
}
.form-group.has-error label.control-label,
.form-group.has-error .help-text {
  color: #ff7575;
}
body .form-horizontal label {
  text-align: left;
}
.wrapper-action .btn {
  position: initial;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  visibility: visible;
  opacity: 1;
}
#header .dropdown-menu.panel {
  min-width: 320px;
}
@media screen and (max-width: 350px) {
  #header .dropdown-menu.panel {
    min-width: auto;
  }
}

#header .nav-right > li .app-sortcut li {
  width: 30%;
}
#header .nav-right > li .app-sortcut li a {
  width: 100%;
}
.app-sortcut li a i {
  display: block;
}
.dropdown .dropdown-menu li a span.block {
  width: 225px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dropdown .dropdown-menu li a span.block:nth-child(2) {
  font-size: 12px;
}
.nav-tabs > li > a.active,
.nav-tabs > li > a.active:hover,
.nav-tabs > li > a.active:focus {
  box-shadow: inset 0 -3px 0 #F15F79;
  border: 0;
  background-color: transparent;
}
.boxs .boxs-header h1.hb-blue strong {
  color: #457fca;
}
.boxs-header h3 .btn {
  margin: 0 15px;
}
.document-status {
  background: none;
  border: none;
}
.document-status.alert-success {
  color: #3c763d;
}
.document-status.alert-danger {
  color: #a94442;
}
.footer {
  padding-bottom: 10px;
  background: #2B3946;
  color: #f0f3f5;
}
.footer .copyright {
}
#app {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height:100%;
  width: 100%;
}
#app .sect3 .useless-step {
  width: 259px;
  padding-top: 30px;
}
#app .sect3 .useless-step.feature {
  width: 259px;
  padding-top: 0;
  opacity: 0;
  top: 122px;
}
#app .sect3 .useless-step.feature::before {
  content: "+";
  padding: 0px 5px;
  width: 25px;
  height: 25px;
  line-height: 21px;
  font-size: 33px;
}
#app .sect3 .useless-step.feature:first-of-type {
  top: 50px;
}
#app .sect3 .useless-step.feature:last-of-type {
  top: 190px;
}
#app .sect3 .useless-step.feature.right {
  padding-left: 10px;
  left: calc( 100% - 25px );
}
#app .sect3 .useless-step.feature.right:first-of-type {
  left: calc( 100% - 50px );
}
#app .sect3 .useless-step.feature.right:last-of-type {
  left: calc( 100% - 35px );
}
#app .sect3 .useless-step.feature.left {
  padding-right: 10px;
  text-align: right!important;
  left: -225px;
}
#app .sect3 .useless-step.feature.left::before {
  left: 100%;
}
#app .sect3 .useless-step.feature.left:first-of-type {
  left: -195px;
}
#app .sect3 .useless-step.feature.left:last-of-type {
  left: -200px;
}
#app .sect3 .useless-step.feature .step-title {
  font-size: 19px;
  color: #616161;
  line-height: 19px;
}
#app .sect3 .useless-step .step-title {
  padding-bottom: 0;
}
#app .sect3 .step-left {
  margin-left: -370px;
  top: 141px;
}
#app .sect3 .step-center {
  margin-left: -76px;
  top: 134px;
}
#app .sect3 .step-right {
  margin-left: 185px;
  top: 69px;
}
#app .sect3 {
  overflow: hidden;
}
.btn.btn-raised.btn-primary,
.btn.btn-fab.btn-primary,
.btn-group-raised .btn.btn-primary,
.input-group-btn .btn.btn-raised.btn-primary,
.input-group-btn .btn.btn-fab.btn-primary,
.btn-group-raised.input-group-btn .btn.btn-primary {
  background-color: #a41708;
}
.primary-menu .collapsing,
.primary-menu .collapse.in {
  position: absolute;
  top: 60px;
  left: 0;
  width: 200px;
  text-align: center;
  background: #FFF;
  box-shadow: 0px 0px 20px rgba(48, 133, 214, 0.12);
  border-radius: 4px;
}
.primary-menu .collapsing ul.navbar-nav {
  list-style: none;
  padding-left: 0;
}
.primary-menu .collapse ul.navbar-nav {
  padding-left: 0;
  list-style: none;
}
.primary-menu .navbar-toggler {
  /*padding-top: 6px;*/
  margin: 5px 20px;
  border: none;
  background: transparent;
  color: #a41708;
  order: 1;
}
@media all and (min-width: 768px) {
  .primary-menu .navbar-toggler {
    display: none;
  }
  .primary-menu .collapse ul.navbar-nav li.nav-item {
    line-height: 57px;
    margin-right: 40px;
  }
}
.not-allowed {
  position: relative;
  cursor: not-allowed;
}
.not-allowed::after {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #eee;
}
.divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tender-extra h4 {
  font-weight: 600;
}
.tender-extra .tender-information-title {
  font-weight: 600;
}
.tender-extra .tender-information-value {
  margin-left: 5px;
}
.tender-info-user ul {
  text-align: left;
}
.tender-info-user ul li {
  list-style-type: none;
  margin-top: 10px;
}
.btn-get-information-client {
  display: block;
  margin: 0 auto;
}
.remove-field {
  z-index: 100000000;
}
#app .user-contractors td {
  padding: 0 4px;
}
#app .user-contractors {
  position: relative;
}
#app .user-contractors a.show-contractors,
#app a.show-contacts {
  cursor: pointer;
}
#app .user-contractors a.show-contractors:hover ~ .contractors-info,
#app .user-contractors a.show-contractors ~ .contractors-info:hover,
#app a.show-contacts:hover ~ .expert-info,
#app a.show-contacts ~ .expert-info:hover {
  visibility: visible;
  opacity: 1;
}
#app .user-contractors .contractors-info,
#app .expert-info {
  position: absolute;
  padding: 10px;
  margin-bottom: 50px;
  background: #fff;
  box-shadow: 2px 2px 6px 5px #eee;
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}
@media all and (max-width: 767px) {
  #app .user-contractors .contractors-info table {
    margin: auto;
  }
  #app .user-contractors .contractors-info,
  #app .expert-info {
    position: fixed;
    left: 55px;
    right: 15px;
    bottom: 200px;
    top: 220px;
    background: #fff;
    box-shadow: 2px 2px 6px 5px #c5c5c5;
    visibility: hidden;
    opacity: 0;
    overflow: scroll;
    padding: 10px;
    display: flex;
  }
}
.answer-request-accepted [data-answer="accepted"] {
  display: none;
}
.answer-request-denied [data-answer="denied"] {
  display: none;
}
.expert-rating .jq-ry-group-wrapper {
  float: none;
}
.send-expert-rating {
  cursor: pointer;
}
.send-expert-rating.blocked {
  cursor: not-allowed;
  color: #bfbfbf;
}
.boxs .boxs-header h1 {
  line-height: 30px;
}
.tender-header.boxs .boxs-header h1 {
  font-size: 32px;
}
.tender-extra .extra-item {
  padding: 3px;
  margin-bottom: 5px;
}
.tender-extra .extra-item:nth-child(2n) {
  background: #eee;
}
.modal-header button.close {
  font-size: 25px;
}
.tender-contacts {
  width: 100%;
}
.tender-contacts td:first-child {
  width: 120px;
  padding-left: 14px;
}
.tender-contacts td:last-child {
  padding-right: 14px;
}
.tender-contacts td {
  padding: 7px;
}
.tender-contacts tr:nth-child(2n) {
  background: #eee;
}
.users-roles_text {
  margin-bottom: 20px;
}
.register-btn {
  margin: 10px 0;
}
.register-btn:hover {
  color: #FFF;
}
.row.align-items-center {
  display: block;
}
.align-self-center {
  display: block;
}
span.required {
  color: #ff0000;
  font-size: 20px;
}
label.required {
  position: relative;
}
label.required::after {
  content: "(\43E\431\44F\437\430\442\435\43B\44C\43D\43E\435)";
  display: block;
  color: #ff5555;
  font-size: 11px;
}
#navigation > li.active > a i {
  color: #a41708;
}
#navigation > li.active > a {
  background: #fff;
  box-shadow: none;
  color: #525a63;
  border: 1px solid #a41708;
  border-radius: 4px;
}
.btn-primary span.action {
  color: #30B36E;
}
.btn-danger span.action {
  color: #a41708;
}
span.action {
  font-weight: bold;
  letter-spacing: 0.7px;
  border: 1px solid;
  padding: 3px;
  border-radius: 3px;
  font-size: 10px;
  line-height: 20px;
}
span.action:hover {
  background: #fff;
  box-shadow: 1px 0 4px 0px;
}
td.about-expert {
  max-width: 930px;
}
td.about-expert .btn {
  margin: 0;
  padding: 3px 20px;
}
.wrapper-platium {
  max-width: 100%;
  display: inline-block;
  margin: auto;
  padding: 25px 55px;
  background: linear-gradient(180deg, #FFFFFF 0%, #E5E5E5 53.13%, #FFFFFF 100%);
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.15);
}
.wrapper-platium .title {
  font-size: 24px;
  line-height: 12px;
  text-align: center;
  text-transform: uppercase;
  color: #4B2C2C;
}
.wrapper-platium .subtitle {
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 16px;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 15px;
  color: #000000;
}
#right-choice {
  text-align: center;
  padding: 1px;
  margin-top: -150px;
  z-index: 5;
  position: relative;
}
#right-choice .circle-arrow {
  width: 55px;
  height: 55px;
  border: 2px solid #A41708;
  border-radius: 50%;
  margin: 40px auto;
}
#right-choice .circle-arrow .arrow-tip {
  box-sizing: border-box;
  height: 15px;
  width: 15px;
  border-style: solid;
  border-color: #A41708;
  border-width: 0px 2px 2px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  margin: auto;
  margin-top: -15px;
}
#right-choice .circle-arrow .arrow-body {
  width: 0px;
  border-right: 3px solid #A41708;
  height: 30px;
  margin: auto;
  margin-top: 8px;
}
@media all and (max-width: 767px) {
  .wrapper-platium {
    padding: 30px 15px;
  }
  #right-choice {
    margin-top: 0px;
  }
}
#app #wrap #header .navbar .nav-item {
  font-weight: bold;
}
#app #wrap #header .navbar .nav-item a.nav-link {
  display: block;
  color: #222222;
  text-transform: uppercase;
  position: relative;
  margin: 0;
}

#app #wrap #header .navbar .nav-item a.nav-link.active {
  color: #D91500;
  text-decoration: none;
}
#app #wrap #header .navbar .nav-item a.nav-link.active::after {
  width: calc(100% + 10px);
  background-image: url(/storage/ellipse.png);
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
  position: absolute;
  left: -5px;
  top: 40px;
  height: 15px;
}
#app #wrap #header .navbar .nav-item a.nav-link:hover {
  color: #D91500;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  #app #wrap #header .navbar .nav-item a.nav-link:hover::after,
  #app #wrap #header .navbar .nav-item a.nav-link.active::after {
    content: none;
  }
}
#header .nav-right > li,
#header .nav-left > li {
  position: relative;
}
#header .nav-right > li:first-child::after,
#header .nav-left > li:first-child::after {
  content: "";
  width: 2px;
  height: 20px;
  background-color: #eee;
  position: absolute;
  top: calc(50% - 9px);
  right: -1px;
}
#header .nav-right > li > a,
#header .nav-left > li > a {
  color: #A41708;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  position: relative;
}
#header .nav-right > li > a:hover,
#header .nav-left > li > a:hover {
  color: #D91500;
}
#header .nav-right > li > a.login,
#header .nav-left > li > a.login {
  padding-left: 25px;
}
#header .nav-right > li > a.login::before,
#header .nav-left > li > a.login::before {
  content: "";
  background-image: url(/storage/vector.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 15px;
  height: 14px;
  position: absolute;
  left: 0;
  top: calc(50% - 7px);
}
#header .nav-right > li,
#header .nav-left > li {
  margin-top: 0;
}
#controls ~ #content .questions-wrapper {
  display: none;
}
.questions-wrapper {
  color: #222;
  background: #d4d4d4;
  padding: 10px;
}
.questions-wrapper a {
  display: table;
  color: #222;
  margin: 0 auto;
}
.questions-wrapper a:hover,
.questions-wrapper a:focus {
  text-decoration: none;
}
.questions-wrapper .have-a-question {
  position: relative;
  padding-right: 15px;
}
.questions-wrapper .have-a-question span {
  text-transform: uppercase;
  display: block;
}
.questions-wrapper .have-a-question .grey {
  margin-top: 9px;
  font-weight: 500;
  font-size: 9px;
  line-height: 14px;
  color: #777777;
}
.questions-wrapper .have-a-question .black {
  font-weight: 900;
  font-size: 12px;
  line-height: 24px;
  color: #333333;
}

@media screen and (max-width: 350px){
  .questions-wrapper .have-a-question .black {
    font-size: 30px;
  }
}

.questions-wrapper .have-a-question::after {
  content: "";
  width: 2px;
  height: 100%;
  background-color: #C6C6C6;
  position: absolute;
  top: 0;
  right: -1px;
}
.questions-wrapper .email,
.questions-wrapper .instructions {
  position: relative;
  padding-left: 52px;
  font-weight: normal;
  font-size: 11px;
  line-height: 16px;
  padding-top: 9px;
}
.questions-wrapper .email::before,
.questions-wrapper .instructions::before {
  content: "";
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  left: 0;
  top: 0;
}
.questions-wrapper .email::before {
  background-image: url(/storage/email.png);
}
.questions-wrapper .instructions::before {
  background-image: url(/storage/instructions.png);
}
@media all and (max-width: 1199px) {
  #right-choice {
    margin-top: -55px;
  }
}
@media all and (max-width: 991px) {
  .questions-wrapper .have-a-question::after {
    background: none;
  }
  .questions-wrapper a {
    display: block;
    height: 70px;
    margin: 5px 0;
  }
  .questions-wrapper a .email,
  .questions-wrapper a .instructions {
    padding-top: 10px;
  }
}
section#content > .container {
  min-height: calc(100% - 138px);
}
.amazing-title {
  margin: 50px 0;
  display: flex;
  align-items: flex-end;
  text-transform: uppercase;
}
.amazing-title .left {
  flex-grow: 1;
  max-width: 70%;
}
.amazing-title .left .small {
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
  color: #777777;
}
.amazing-title .left .big {
  font-weight: 900;
  font-size: 48px;
  line-height: 56px;
  text-transform: uppercase;
  color: #333333;
}
.amazing-title .right {
  flex-grow: 2;
  position: relative;
  border-bottom: 3px solid #A41708;
  padding-right: 50px;
  height: 50px;
}
.amazing-title .right::after {
  content: "";
  width: 45px;
  height: 45px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  right: 0;
  top: 0;
  background-image: url(/storage/ez.png);
}
@media all and (max-width: 768px) {
  .amazing-title .left .big {
    font-size: 29px;
    line-height: 29px;
  }
}
.text-primary {
  color: #A41708;
}
.contacts {
  font-size: 18px;
  line-height: 18px;
}
.contacts .title {
  color: #777777;
}
.contacts .value a {
  color: #222222;
}
.contacts .value a:focus,
.contacts .value a :hover {
  color: #222222;
  text-decoration: none;
}
.contacts td {
  padding: 8px;
}
.instructions .item {
  border-right: 1px solid #C6C6C6;
  min-height: 120px;
  margin: 15px 0;
}
.instructions .item .role {
  font-size: 18px;
  color: #222222;
}
.instructions .item ul {
  padding-left: 15px;
  margin: 15px 0;
  list-style: none;
}
.instructions .item ul li a {
  color: #000000;
  text-decoration: underline;
}
.instructions .item ul li a:hover {
  font-weight: bold;
  color: #a41708;
}
.instructions .item ul li:before {
  content: "\2022";
  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: red;
  /* Change the color */
  font-weight: bold;
  /* If you want it to be bold */
  display: inline-block;
  /* Needed to add space between the bullet and the text */
  width: 1em;
  /* Also needed for space (tweak if needed) */
  margin-left: -1em;
}
ol.countered {
  counter-reset: my-awesome-counter;
  list-style: none;
  padding-left: 52px;
}
ol.countered li {
  counter-increment: my-awesome-counter;
  position: relative;
  margin: 20px 0;
}
ol.countered li::before {
  content: counter(my-awesome-counter);
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
  position: absolute;
  --size: 32px;
  padding-right: 5px;
  left: -48px;
  line-height: var(--size);
  width: var(--size);
  height: var(--size);
  padding: 0 5px;
  background: #A41708;
  top: 0;
  text-align: center;
}
@media (min-width: 768px) {
  .steps {
    margin-top: 70px;
  }
}
.steps .title,
.video-instruction .title {
  font-size: 20px;
}
.steps .text,
.video-instruction .text {
  margin: 20px 0;
  font-size: 16px;
}
.steps .images a,
.video-instruction .images a {
  margin: 5px 0;
}
.steps .images a img,
.video-instruction .images a img {
  max-height: 150px;
  max-width: 100%;
}
a[data-fancybox] {
  position: relative;
  display: inline-block;
}
a[data-fancybox]:hover::before {
  content: "";
  background: rgba(164, 23, 8, 0.7);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
a[data-fancybox]:hover::after {
  content: "";
  background-image: url(/storage/magnifier.png);
  background-repeat: no-repeat;
  background-size: cover;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: absolute;
  width: 40px;
  height: 40px;
  z-index: 1;
}
.arrow-down-before {
  padding-left: 35px;
}
.arrow-down-before::before {
  content: "";
  background-image: url(/storage/arrow-down.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px;
  height: 10px;
  position: absolute;
  left: 12px;
  top: 15px;
}
.video_wrapper {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background-color: #000;
}
.videoIframe {
  position: absolute;
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 1;
}
.videoWrapperActive .videoIframe {
  display: block;
}
.videoPoster {
  display: block;
  background-size: cover;
  border: none;
  text-indent: -999em;
  overflow: hidden;
  opacity: 1;
  transition: opacity 800ms, height 0s;
  transition-delay: 0s, 0s;
}
.videoPoster img {
  max-width: 100%;
  display: block;
}
.videoPoster:hover {
  cursor: pointer;
}
.videoPoster:before {
  content: '';
  background-image: url(/storage/play-btn.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  position: absolute;
  z-index: 1;
  left: calc(50% - 30px);
  top: calc(50% - 30px);
}
.videoPoster:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(164, 23, 8, 0.7);
}
.videoPoster:hover:after,
.videoPoster:focus:after {
  border-left-color: #f00;
}
.videoWrapperActive .videoPoster {
  opacity: 0;
  transition-delay: 0s, 800ms;
  visibility: hidden;
}
body {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  min-height: 100%;
  background-color: #fff;

}

@media screen and (max-width: 767px) {
  h1.h1,
  h1,
  .h1 {
    font-size: 20px;

  }
}

.custom-font {
  font-family: inherit;
}
.btn.btn-bordered.btn-raised {
  background: none;
  border: 2px solid;
  border-radius: 4px;
}
.btn.btn-bordered.btn-raised.btn-primary {
  border-color: #a41708;
  color: #a41708;
}
.expert-name {
  margin-right: 105px;
}
#animation_container {
  margin: auto;
}
#tags-cloud {
  position: relative;
}
#tags-cloud #animation_container {
  position: absolute;
  right: 0;
  top: calc( 50% - 50px );
  background: none !important;
  z-index: 1000;
}
#animation_container canvas {
  background: none !important;
  background-color: rgba(255, 255, 255, 0) !important;
}
#animation_container {
  margin: auto;
  cursor: pointer;
}
/*#app:not(.administrator):not(.expert):not(.moderator) .tender-extra::before {*/
/*  content: "";*/
/*  position: absolute;*/
/*  -webkit-transform: rotate(90deg);*/
/*          transform: rotate(90deg);*/
/*  right: -243px;*/
/*  top: 249px;*/
/*  color: #a41708;*/
/*  font-size: 25px;*/
/*  line-height: 25px;*/
/*}*/
/*#app:not(.administrator):not(.expert):not(.moderator) .tender-extra::after {*/
/*  content: "";*/
/*  width: 35px;*/
/*  height: 35px;*/
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
/*  background-position: center;*/
/*  position: absolute;*/
/*  right: -30px;*/
/*  top: 512px;*/
/*  -webkit-transform: rotate(90deg);*/
/*          transform: rotate(90deg);*/
/*  background-image: url(/storage/ez.png);*/
/*}*/
/*#app:not(.administrator):not(.expert):not(.moderator).unauthorised .tender-extra::before {*/
/*  content: "\427\442\43E\431\44B   \431\44B\43B   \440\435\437\443\43B\44C\442\430\442, \43D\443\436\43D\44B   \434\435\439\441\442\432\438\44F!";*/
/*  top: 240px;*/
/*  right: -229px;*/
/*}*/
/*#app:not(.administrator):not(.expert):not(.moderator).unauthorised .tender-extra::after {*/
/*  top: 470px;*/
/*}*/
/*#app:not(.administrator):not(.expert):not(.moderator).contractor .tender-extra::before {*/
/*  content: "\427\442\43E\431\44B   \437\430\440\430\431\430\442\44B\432\430\442\44C   \43D\443\436\43D\43E   \434\435\439\441\442\432\43E\432\430\442\44C!";*/
/*}*/
/*#app:not(.administrator):not(.expert):not(.moderator).customer .tender-extra::before {*/
/*  content: "\427\442\43E\431\44B   \44D\43A\43E\43D\43E\43C\438\442\44C   \43D\443\436\43D\43E   \432\44B\431\438\440\430\442\44C!";*/
/*  right: -206px;*/
/*  top: 216px;*/
/*}*/
/*#app:not(.administrator):not(.expert):not(.moderator).customer .tender-extra::after {*/
/*  top: 430px;*/
/*}*/
.jq-ry-container {
  position: relative;
  padding: 0 5px;
  line-height: 0;
  display: block;
  cursor: pointer;
  box-sizing: content-box;
  direction: ltr;
}
.jq-ry-container[readonly="readonly"] {
  cursor: default;
}
.jq-ry-container > .jq-ry-group-wrapper {
  position: relative;
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group {
  position: relative;
  line-height: 0;
  z-index: 10;
  white-space: nowrap;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group > svg {
  display: inline-block;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-normal-group {
  width: 100%;
}
.jq-ry-container > .jq-ry-group-wrapper > .jq-ry-group.jq-ry-rated-group {
  width: 0;
  z-index: 11;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.tariffs-list__balance {
  font-size: 24px;
  font-weight: 700;
}

.tariffs-list__content {
  max-width: 1170px;
}

.tariffs-list__buttons {
  height: 50px;
  width: 200px;
  margin: 0 auto;
  margin-top: 5px;
  position: relative;
  display: flex;
  justify-content: center;
}

.tariffs-list__buttons__button {
  position: absolute;
  cursor: pointer;
	top: 50%;
	width: 3vmin;
	height: 3vmin;
	background: transparent;
	border-top: 1vmin solid #c3c3c5;
	border-right: 1vmin solid #c3c3c5;
	box-shadow: 0 0 0 lightgray;
	transition: all 200ms ease;

}

.tariffs-list__buttons__button:hover {
	border-color: #a41708;
	box-shadow: 0.5vmin -0.5vmin 0 #c3c3c5;
}

.tariffs-list__buttons__button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%,-60%) rotate(45deg);
	width: 200%;
	height: 200%;
	}

.tariffs-list__buttons__button.tariffs-list__buttons__button__prev{
  left: 0;
	transform: translate3d(0,-50%,0) rotate(-135deg);
}

.tariffs-list__buttons__button.tariffs-list__buttons__button__next{
  right: 0;
	transform: translate3d(0,-50%,0) rotate(45deg);
}

.tariffs-list__content__item {
  cursor: pointer;
  width: 320px;
  padding:20px;
  border: 1px solid #D9D9DE;
  box-sizing: border-box;
  border-radius: 4px;
  margin-right: 20px;
}

.tariffs-list__content__item:last-child {
  margin-right: 0px;
}

.tariffs-list__content__item:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.tariffs-list__content__item__title {
  background: #a41708;
  color:#fff;
  padding:5px;
  border-radius: 4px;
  text-align: center;
  font-size: 24px;
  margin-bottom: 20px;
}

.tariffs-list__content__item__cost {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  height: 150px;
  border: 1px solid grey;
  border-radius: 50%;
  font-size: 26px;
  text-align: center;
  margin-bottom: 20px;
}

.tariffs-list__content__item__cost__value {
  display: block;
}

.tariffs-list__content__item__cost__period {
  display: block;
  font-size: 14px;
}

.tariffs-list__content__item__desc {
  white-space: pre-line;
  border: 1px solid #D9D9DE;
  padding: 10px;
  border-radius: 4px;
  border-radius: 4px
}

.container-expert-qual-docs {
  max-width: 960px;
}

.display-block-custom {
  display: block;
}
.display-none-custom {
  display: none;
}
.display-block-custom-child {
  display: block;
}
.display-none-custom {
  display: none;
}
.mt-2-c {
  margin-top: 2rem;
}
.position-relative-custom {
  position: relative;
}
.font-size-12 {
  font-size: 12px;
}
.max-width-200 {
  max-width: 200px;
}
.clear-file-input {
  position: absolute;
  right: 0;
  z-index: 10;
}
.save-file-input {
  position: absolute;
  right: 70px;
  z-index: 10;
}
.text-format-file {
  font-size: 12px;
}

/* Стиль для затемнения фона */
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}

/* Стиль для модального окна */
.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  z-index: 20;
  border-radius: 10px;
  text-align: center;
  max-width: 500px;
}

.yes-btn {
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 0 5px;
  padding: 10px 32px;
}

.no-btn {
  border: 0;
  border-radius: 3px;
  color: #4d585f;
  box-shadow: none;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 0 5px;
  padding: 10px 32px;
}

.yes_unblock-btn {
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  color: #FFFFFF;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 0 5px;
  padding: 10px 32px;
}

.no_unblock-btn {
  border: 0;
  border-radius: 3px;
  color: #4d585f;
  box-shadow: none;
  cursor: pointer;
  font-size: 17px;
  font-weight: 500;
  margin: 0 5px;
  padding: 10px 32px;
}

.block-btn-mtb {
  margin: 25px 0 20px 0;
}

.uppercase {
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}